$prefix: 'teamix-cover';

.#{$prefix} {
  border-radius: 4px;
  &-size {
    &-large {
      height: 48px;
      width: 48px;
    }
    &-medium {
      height: 36px;
      width: 36px;
    }
    &-small {
      height: 32px;
      width: 32px;
    }
  }
  &-type {
    &-icon {
      background-color: var(--color-white, #fff);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #979797;
      border: 1px solid var(--color-line1-1, #e8e8e8);
    }
    &-normal {
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
